<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>简历平台</title>
    <style>
    #previewWrapper .preview_content {
        padding: 0px 20px 2px 20px;
    }
    
    * {
        margin: 0;
        padding: 0;
    }
    
    .box {
        color: #333;
        font-family: Microsoft YaHei;
        font-size: 14px/22px;
        word-wrap: break-word;
        margin: 8px auto;
        width: 680px;
        height: auto;
        padding: 20px;
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
        color: #9b9b9b;
    }
    
    pre {
        font: inherit;
        white-space: pre-wrap;
    }
    
    img {
        border: 0;
    }
    
    hr {
        color: #d3d4d2;
    }
    
    h1,h2,h3 {
        color: #169ac3;
    }
    
    .information {
        width: 35%;
        padding-top: 60px;
        float: left;
        display: inline-block;
    }
    
    .information h1 {
        font-weight: 500;
        padding-bottom: 40px;
    }
    
    .information h3 {
        font-weight: 600;
    }
    
    .information img {
        margin: 30px 0;
    }
    
    .information>ul {
        width: 70%;
        margin: auto;
    }
    
    .content {
        width: 65%;
        padding: 10px 0 0 0;
        display: inline-block;
    }
    
    .content li {
        padding-bottom: 15px;
        border-bottom: 1px solid #d3d4d2;
    }
    
    .content h2 {
        padding: 10px 0;
    }
    
    .content h2 img {
        vertical-align: top;
    }
    
    .clear {
        width: 0;
        height: 0;
        clear: both;
    }
    
    .box {
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    }
    </style>
</head>
<#import "enums.ftl" as enums>
<body>
    <div class="box">
        <div class="information">
            <ul>
                <li><h1>${resume.seeker.name}</h1></li>
                <li>
                    ${resume.seeker.phone} ${resume.seeker.mail}
                </li>
                <li>
                    <img src="${contextPath}/${resume.seeker.headpic}" width="110" height="110" style="margin-top:10px;" />
                </li>
                <li>
                    <h3>期望工作</h3>
                    <p>工作地点：${resume.disireLst[0].city}</p>
                    <p>实习岗位：${resume.disireLst[0].position}</p>
                    <p>期望薪酬：<@enums.salary resume.disireLst[0].salary/></p>
                    <p>预计到岗：${resume.disireLst[0].intentDate}</p>
                </li>
            </ul>
        </div>
        <div class="content">
            <ul><li><h2>教育背景</h2>
                    <#list resume.educationLst as education>
                        <p>${education.duration} ${education.school} | ${education.major} | <@enums.degree education.degree/></p>
                    </#list>
                </li>
                <li><h2>工作经历</h2>
                    <#list resume.workExperienceLst as work>
                        <strong>${work.duration} ${work.position} | ${work.company}</strong>
                        <pre>${work.task}</pre>
                    </#list>
                </li>
                 <li><h2>项目经验</h2>
                    <#list resume.projectExperienceLst as project>
                        <strong>${project.duration} ${project.position} | ${project.proName}</strong>
                        <pre>${project.proDesc}</pre>
                    </#list>
                </li>
                <li><h2>技能评价</h2>
                    <#list resume.skillLst>
                            <#items as skill>
                                <p><strong>${skill.name}:</strong> <@enums.level skill.level/></p>
                            </#items>
                    </#list>
                </li>
                <li><h2>自我描述</h2>
                    <#list resume.selfDescLst as self>
                        <pre class="specific">${self.content}</pre>
                    </#list>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</body>

</html>
